/*通用样式*/

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/*清楚间距*/

.clearfix:before,
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}
/*左右浮动、清楚浮动*/

.container{
    width: 1000px;
    margin: 0 auto;
}
/*块元素水平方向居中*/


/*nav 样式 开始*/
.navbar{
    box-shadow: 1px 1px 1px 1px #f3f3f3;
    position: fixed;
    background-color: #fff;
    width: 100%;
    z-index: 10000;
    top: 0;
}
.navbar .form-inline .form-control{
    width: 298px;
}
.navbar .form-inline .btn{
    background-color: #dd3915;
    color: #f6f2ff;
}
.navbar .navbar-nav a,
.navbar .dl a{
    color: #dd3915;
}
.navbar .navbar-nav a:hover,
.navbar .dl a:hover,
section .Left-column .cation:hover,
section .right-sidebar form a:hover,
.arr .arr-1 span a:hover,
section .main-nav .a1:hover,
.main .p1 a:hover,
.pagination .page-item .page-link:hover,
.pagination .page-item:nth-of-type(2) a{
    background-color: #dd3915;
    color: #fff;
    text-decoration: none;
}

.navbar .nav-item a{
    margin-left: 20px;
}
.navbar .dl a{
    margin-left: 15px;
}
.nav-item{
    position: relative;
}
.cation{
    width:384px;
    text-align: center;
    background-color: #f5f6f5;
    position: absolute;
    top: 22px;
    left: -138px;
    padding-top: 30px;
    display: none;
}
.cation ul{
    width:33.333333%;
}
.cation .a3{
    display: inline-block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #fff;
    margin-top: 30px;
    padding: 18px 0;
}
.cation p{
    color: #909090;
    text-align: center;
}
.cation span{
    color: #72a46d;
}
/*nav 样式 结束*/

/*bannner 样式 开始*/
.banner{
    margin-top: 5.5rem!important;
}
/*bannner 样式 结束*/


/*section 样式 开始*/
section .Left-column a:hover,
section .middle-bar a:hover,
section .right-sidebar .right-navbar ul li a:hover,
section .right-sidebar .menu .row .col-md-12 a:hover,
section .right-sidebar .friend h6 a:hover,
.recipes p a:hover,
.release .col-md-6 p a:hover,
.release .col-md-6 p:nth-of-type(1) a:hover,
.release .col-md-6 .author a:hover,
.home-menu .menu p a:hover
{
    color: #dd3915;
    text-decoration: none;
}
/*section 样式 结束*/



/*footer 样式 开始*/
footer{
    margin-top: 24px;
    color: #909090;
    margin-bottom: 84px;
}
footer p{
    margin-bottom: 0;
}

footer .footer-nav .navbar1 a{
    color: #909090;
}
/*footer 样式 结束*/

/*返回顶部 样式 开始*/
.roll i{
    position: fixed;
    right: 80px;
    bottom:80px;
    color: lightcoral;
    font-size: 50px;
    display: none;
    cursor: pointer;
    border-top: 4px solid lightcoral;
    border-radius: 3px;
}
/*返回顶部 样式 结束*/


.nav3 li a,
.nav3 li{
    color: #ccc;
}


@media (max-width: 600px) {
    .container{
        width: 100%;
    }
    .row{
        width: 100%;
    }
    .form-inline{
        margin-left: 0px!important;
    }
    .middle-bar .recipes-abc .triangle{
        margin-left: -14px;
    }
    .recipes-abc .swiper-recipes .swiper-slide img{
        width: 100%;
    }
    .recipes-abc .swiper-recipes .swiper-slide p{
        width: 100%!important;
    }
    .banner{
        margin-top: 14.5rem!important;
    }
    section .Left-column{
        display: none;
    }
    .banner .container img{
        width:100%;
    }
    .middle-bar{
        margin-top: 30px;
        margin-left: 25px;
    }
    .arr .arr-1 h3{
        font-size: 21px;
    }
    .arr .arr-1 span .a2 {
        margin-left: 19px;
    }
    .middle-bar .recipes-abc .swiper-button-prev{
        left: 78%;
    }
    .col-md-4{
        padding-left: 60px;
        padding-top: 30px;
    }
    .col-md-3{
        text-align: center;
    }
    .col-md-6{
        text-align: center;
        width: 50%;
    }
    section .right-sidebar .friend .btn{
        float: inherit!important;
    }
    .main{
        padding-left:31px;
    }
    section .right-sidebar .friend .wenzi{
        margin: auto;
    }
    .arr .arr-1,
    .arr #arr2 .row{
        margin-left: 12px;
    }
    #season .col-md-2{
        width: 33%;
    }
    .mt-4 .zuo,
    .zuo2{
        display: none;
    }
    .mt-4 .main{
        width: 100%;
        padding-left: 50px;
    }
    #arr4 .col-md-4{
        width: 50%;
        padding-left: 46px;
    }
    #meal{
        margin-left: 0;
    }
    .arr .btn1{
        margin-left: 41px;
    }
    .main-nav{
        text-align: center;
    }
    .roll i{
        right: 10px;
        bottom: 36px;
        font-size: 30px;
    }
}


*::selection{
    background-color: #dd3915;
    color: #fff;
}